<template>
  <div class="app-body-item">
    <HomeBodyTitle :data="state.meta" />
    <div class="app-body-content">
      <el-row :gutter="30">
        <el-col v-for="item in data.adminList" :key="item.id" class="app-admins-col app-body-col" :lg="6" :xs="24" :sm="8">
          <CardItem :data="item" />
        </el-col>
      </el-row>
    </div>
  </div>
</template>
<script setup lang="ts">
interface IProps {
  data: any
}

const state = reactive({
  meta: {
    title: 'Admin管理页面',
    url: '/admin',
  },
})
const props = withDefaults(defineProps<IProps>(), {
  data: {},
})
const { data } = toRefs(props)
</script>
<style lang="scss" scoped></style>
